$(function () {
  getUserInfo();
  var layer = layui.layer;
  $(".btnLogout").on("click", function () {
    // 提示用户是否确定退出
    layer.confirm(
      "是否退出登陆?",
      { icon: 3, title: "提示" },
      function (index) {
        //do something
        //清空本地存储的token
        localStorage.removeItem('token')
        location.href = "../../login.html";
        // 关闭询问框confirm
        layer.close(index);
      }
    );
  });
});

// 获取用户的基本信息
function getUserInfo() {
  $.ajax({
    method: "GET",
    url: "/my/userinfo", // 自动拦截
    // headers:{
    //   Authorization:localStorage.getItem('token')|| ''
    // },
    success: function (res) {
      // console.log(res);
      if (res.status !== 0) {
        return layui.layer.msg("获取用户信息失败");
      }
      renderAvater(res.data);
    }
    // 无论成功还是失败都会调用 complete 回调函数
    // complete:function (res) {
    //   // console.log('执行了 complete 回调');
    //   // console.log(res);
    //   // 在conmplete 回调函数中，可以使用res.responseJSON 拿到服务器响应回来的数据
    //   if(res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！'){
    //     // 1.强制清空 token
    //     localStorage.removeItem('token')
    //     // 2.强制跳转到登陆页面
    //     location.href = '../../login.html'
    //   }
    // }
  });
  
}

// 渲染用户的头像
function renderAvater(user) {
  var name = user.nickname||user.username
  // console.log(name);
  $('#welcome').html('欢迎' + name)
  // 按需渲染用户的头像
  if(user.user_pic !== null){
    // 渲染图片头像
    $('.layui-nav-img').attr('src',user.user_pic)
    // 隐藏文本头像
    $('.text-avater').hide()
  }else{
    // 渲染文字图像
    $('.layui-nav-img').hide()
    var first = name[0].toUpperCase()
    $('.text-avater').html(first).show()



  }

}

